<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

<head>
	<meta charset="utf-8">

	<title>ViajarFacil.com</title>
	<meta name="Projeto de MC436" content="">
	<meta name="Eduardo Sonnino, Luisa Madeira, Vinicius Felizardo, Fernando Shikanai, Danilo Pereira" content="">

	<!-- Carrega CSS -->
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css">
	<link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.16.custom.css">

	<!-- Carrega Modernizr -->
	<script src="js/libs/modernizr-2.0.min.js"></script>

	<!-- Carrega JavaScript -->
	<script src="jquery/1.6.2/jquery.min.js"></script>
	<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
	<script src="js/libs/jquery-ui-1.8.16.custom.min.js"></script>
	<script src="js/script.js"></script>
	<script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<script src="js/datepicker.html"></script>
	<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

	<link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon" />
		
</head>
<body>

 <!-- Header -->
<header style="background-image:url(img/placeholders/1280x1024/14.jpg);">

	<div class="container_12">

		<!-- Titulo e Menu -->
		<div id="panel" class="grid_12">

			<!-- Barra Titulo -->
			<h1><a href="index.html"><img src="img/logo.png" alt="" /></a></h1>

			<!-- Menu -->
			<nav>
				<ul>
					
			  <li>
						<a href="">Alunos</a>
						<ul>
							<li><a href="">Danilo Pereira</a></li>
						  <li><a href="">Eduardo Sonnino</a></li>
                            <li><a href="">Fernando Shikanai</a></li>
                            <li><a href="">Luísa Madeira</a></li>
                          <li><a href="">Vinícius Felizardo</a></li>
						</ul>
					</li>
					<li>
						<a href="login.html">Login</a>
					</li>
				</ul>

				<!-- Busca -->
				<form action="#" class="black">
					<input name="Search" type="text" placeholder="Busca..." />
					<input type="submit" />
				</form>
			</nav>
		
		</div>

	</div>
	
	<!-- Slider -->
	<nav class="slider_nav">
		<a href="#" class="left">&nbsp;</a>
		<a href="#" class="right">&nbsp;</a>
	</nav>

	<!-- Slider -->
	<div class="slider_wrapper">

		<!-- Slider content -->
		<ul class="homepage_slider">

			<!-- First slide -->
			<li>
				<h2><a href="pacote.html">Rio de Janeiro Reveillon, somente <strong>R$899!</strong></a></h2>
				<p>Copacabana, Ipanema, Leblon, Barra da Tijuca e Rocinha</p>
			</li>

			<!-- Second slide -->
			<li>
				<h2>Orlando Via Miami <strong> a partir de R$5199,99</strong></a></h2>
				<p>Compras, Disney, e muito lazer para você e sua família!</p>
			</li>

		</ul>

		<div class="clearfix"></div>
	</div>
	
</header>

<!-- Conteudo Principal -->
<div class="container_12">

	<!-- Pacotes Recomendados -->
	<ul class="results">

		<li class="short grid_3">
			<a href="hotel.html"><img src="img/placeholders/220x100/8.jpg" alt="" /></a>
			<h3><a href="hotel.html"> hOTEL Bay Sands</a></h3>
			<span class="stars">
				<img src="img/star_full.png" alt="" />
				<img src="img/star_full.png" alt="" />
				<img src="img/star_full.png" alt="" />
				<img src="img/star_half.png" alt="" />
				<img src="img/star_empty.png" alt="" />
			</span>
			<div>
				<span><a href="#">Singapura</a></span>
				<span><strong>R$ 4890</strong> / 10 noites</span>
			</div>
		</li>

		<li class="short grid_3">
			<a href="hotel.html"><img src="img/placeholders/220x100/9.jpg" alt="" /></a>
			<h3><a href="hotel.html">Hotel Palma</a></h3>
			<span class="stars">
				<img src="img/star_full.png" alt="" />
				<img src="img/star_full.png" alt="" />
				<img src="img/star_full.png" alt="" />
				<img src="img/star_half.png" alt="" />
				<img src="img/star_empty.png" alt="" />
			</span>
			<div>
				<span><a href="#">Barcelona</a></span>
				<span><strong>R$ 999</strong> / 10 noites</span>
			</div>
		</li>

		<li class="short grid_3">
			<a href="pacote.html"><img src="img/placeholders/220x100/13.jpg" alt="" /></a>
			<h3><a href="hotel.html">Pacote Rio</a></h3>
			<span class="stars">
				<img src="img/star_full.png" alt="" />
				<img src="img/star_full.png" alt="" />
				<img src="img/star_full.png" alt="" />
				<img src="img/star_full.png" alt="" />
				<img src="img/star_empty.png" alt="" />
			</span>
			<div>
				<span><a href="#">Rio</a></span>
				<span><strong>R$ 899</strong> / 3 noites</span>
			</div>
		</li>

		<li class="short grid_3">
			<a href="hotel.html"><img src="img/placeholders/220x100/14.jpg" alt="" /></a>
			<h3><a href="hotel.html">Hotel Grand</a></h3>
			<span class="stars">
				<img src="img/star_full.png" alt="" />
				<img src="img/star_full.png" alt="" />
				<img src="img/star_full.png" alt="" />
				<img src="img/star_half.png" alt="" />
				<img src="img/star_half.png" alt="" />
			</span>
			<div>
				<span><a href="#">Bangkok</a></span>
				<span><strong>R$ 2229</strong> / 10 noites</span>
			</div>
		</li>

	</ul>

	<div class="clearfix"></div>
	<hr class="dashed grid_12" />


	<!-- Search form and last minute -->
	<section class="search_lm grid_12">
	
		<!-- Ticket search form -->
		<section class="search sidebar">

			<h2>
				<span data-form="find_trip">Pacote</span>
                <span data-form="find_hotel">Hotel</span>
                <span data-form="tickets">Passagens</span>
                
			</h2>

			<!-- Find a trip form -->
			<form action="#" data-form="find_trip" class="black">

				<label>Destino</label>
				<input type="text" name="destination" value="Todos" />

				<div class="half">
					<label>Tipo de transporte</label>
					<input type="text" name="transportation" value="Avião" />
				</div>

				<div class="half last">
					<label>Data</label>
					<input type="text" name="date" class="date" value="11/23/2011" />
				</div>

				<div class="half">
					<label>Pessoas</label>
					<input type="text" name="guests" value="2" />		
				</div>

				<div class="half last">
					<label>Quartos</label>
					<input type="text" name="rooms" value="1" />		
				</div>

				<input type="submit" value="Buscar">

			</form>

			<!-- Find a hotel form -->
			<form action="#" data-form="find_hotel" class="black" style="display:none;">

				<label>Destino</label>
				<input type="text" name="destination" value="All" />

				<div class="half">
					<label>Check in</label>
					<input type="text" name="check_in" class="date" value="11/23/2011" />
				</div>

				<div class="half last">
					<label>Check out</label>
					<input type="text" name="check_out" class="date" value="11/23/2011" />
				</div>

				<div class="half">
					<label>Pessoas</label>
					<input type="text" name="guests" value="2" />		
				</div>

				<div class="half last">
					<label>Quartos</label>
					<input type="text" name="rooms" value="1" />		
				</div>

				<input type="submit" value="Buscar">

			</form>

			<!-- Tickets form -->
			<form action="#" data-form="tickets" class="black" style="display:none;">
				
				<div class="half">
					<label>AEROPORTO IDA</label>
					<input type="text" name="from" value="JFK" />	
				</div>

				<div class="half last">
					<label>Aeroporto Volta</label>
					<input type="text" name="to" value="SFO" />		
				</div>

				<div class="half">
					<label>Data Ida</label>
					<input type="text" name="leaving-date" class="date" value="11/23/2011" />
				</div>

				<div class="half last">
					<label>Data Volta</label>
					<input type="text" name="return-date" class="date" value="11/23/2011" />
				</div>

				<div class="half">
					<label>Adultos</label>
					<input type="text" name="adults" value="2" />		
				</div>

				<div class="half last">
					<label>Crianças</label>
					<input type="text" name="children" value="0" />		
				</div>

				<input type="submit" value="Buscar">

			</form>
		</section>

		<!-- Last minute -->
		<section class="last_minute">
			<table>
				<tr class="header">
					<th>Destino</th>
					<th>Hotel</th>
					<th>Ida</th>
					<th>Duração</th>
					<th>Preço</th>
				</tr>
				<tr>
					<td>Madri</a></td>
					<td>Sheraton Hotel</td>
					<td>13 Dez - 25 Dez</td>
					<td>12 noites</td>
					<td><del>R$1099</del>R$899</td>
				</tr>
				<tr>
					<td>Atenas</a></td>
					<td>Hotel Athens</td>
					<td>15 Dez - 25 Dez</td>
					<td>10 noites</td>
					<td><del>R$2399</del>R$2099</td>
				</tr>
				<tr>
					<td>Rio de Jan.</a></td>
					<td>Pestana Inn</td>
					<td>15 Dez - 25 Dez</td>
					<td>10 noites</td>
					<td><del>R$499</del>R$399</td>
				</tr>
				<tr>
					<td>Cairo</a></td>
					<td>Piramids Hotel</td>
					<td>18 Dez - 28 Dez</td>
					<td>9 noites</td>
					<td><del>R$5799</del>R$5199</td>
				</tr>
				<tr>
					<td>Londres </td>
					<td>Spa & Golf Resort</td>
					<td>18 Dez - 28 Dez</td>
					<td>9 noites</td>
					<td><del>R$2099</del>R$1899</td>
				</tr>
				<tr>
					<td>Bangkok</a></td>
					<td>Indonee Resort</td>
					<td>20 Dez - 29 Dez</td>
					<td>9 noites</td>
					<td><del>R$3099</del>R$2299</td>
				</tr>
				<tr>
					<td>Barcelona</a></td>
					<td>Hotel Palma</td>
					<td>25 Dez - 05 Jan</td>
					<td>10 noites</td>
					<td><del>R$1399</del>R$999</td>
				</tr>
			</table>
		</section>

	</section>
		
</div> 
 
 	<!-- Footer -->
	<footer><div class="container_12">
		
		<p class="address grid_4">
			<strong>ViajarFacil.com</strong><br />
			<span>Projeto Final de MC436</span><br />
            <span>Universidade Estadual de Campinas</span><br />
		</p>

		<p class="copyright grid_8">
			© 2011 Grupo5 MC436
	  </p>

	</div></footer>

</body>
</html>
